Thermometer chart Grow effect
This goes in the documents header:
<script src="RGraph.common.core.js"></script>
<script src="RGraph.thermometer.js"></script>
Put this where you want the chart to show up:
<canvas id="cvs" width="600" height="250">
[No canvas support]
</canvas>
This is the code that generates the chart:
<script>
window.onload = function ()
{
var thermometer = new RGraph.Thermometer({
id: 'cvs',
min: 0,
max: 10,
value: 4,
options: {
scaleVisible: true,
valueLabel: false,
textAccessible: true
}
}).grow()
setTimeout(function ()
{
thermometer.value = 10;
thermometer.grow();
}, 3500);
};
</script>